<div
  style="
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: flex-end;
    background-color: color-mix(in srgb, red 50%, transparent 50%);
  "
>
  <div
    style="
      width: 44px;
      height: 44px;
      background-color: color-mix(in srgb, yellow 50%, transparent 50%);
    "
  ></div>

  <div
    style="
      width: 44px;
      height: 44px;
      background-color: color-mix(in srgb, blue 50%, transparent 50%);
    "
  ></div>
</div>
